﻿<html>
<head>
<title>CSS3 Border Bottom Test </title>

<style type="text/css" id="internalStyle">
p {border-bottom: dashed thin blue;}
h3 {border-bottom: dotted thick green;}
</style>
</head>

<body>




<h1>CSS3 Border Bottom Test</h1>





<ul>
<li>
The "border-bottom" property is a 
shorthand property for setting the width, style, and color of
 the bottom border of a box. 
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border bottom
of dashed thin blue.
The rule applied is "p {border-bottom: dashed thin blue;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border bottom of dotted thick green.
The rule applied is "h3 {border-bottom: dotted thick green;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
dashed thin blue border bottom.  
</p>

</body>
</html>
